/* styles/daily-check-in.scss */
$daily-check-in-bg-color: #f8f8f8;

.daily-check-in {
  background-color: $daily-check-in-bg-color;
  padding: 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

  //.user-info {
  //  font-style: italic;
  //  color: #999;
  //  margin-bottom: 10px;
  //
  //  .user-avatar {
  //    width: 40px; /* 调整头像大小 */
  //    height: 40px;
  //    border-radius: 50%; /* 圆形头像 */
  //  }
  //
  //  .user-nickname {
  //    font-size: 18px;
  //    margin-right: 10px;
  //  }
  //
  //  .check-in-days {
  //    color: #888;
  //  }
  //}

  .input-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;

    textarea {
      flex: 1;
      resize: none;
      border: none;
      border-radius: 4px;
      padding: 10px;
      font-size: 16px;
    }

    button {
      background-color: #e5a80d;
      color: white;
      border: none;
      border-radius: 4px;
      padding: 10px 20px;
      cursor: pointer;
    }
  }

  .latest-check-ins {
    list-style-type: none;

    .latest-check-in {
      display: flex;
      align-items: center;
      margin-bottom: 10px;

      .latest-check-in__content {
        display: flex;
        flex-direction: column;
        margin-right: 10px;

        .latest-check-in__user {
          font-size: 16px;
        }

        .latest-check-in__message {
          margin-top: 5px;
          color: #888;
        }

        .latest-check-in__date {
          margin-top: 5px;
          color: #ccc;
        }
      }

      .latest-check-in__heart {
        display: flex;
        align-items: center;
        color: #888;
      }
    }
  }
}